<template> 

<!-- 首页头部 -->
       <header class="miste_header">

       	   <slot name="left"></slot>

       	   <span class="header_title">
       	   	  <span class="header_title_text ellipsis">
       	   	  	   {{title}}
       	   	  </span>
       	   </span>

       	   <slot name="right"></slot>

       </header>


</template> 


<script> 


export default {

  props:{
   
    title:String

  }


} 


</script>

<style lang="stylus" rel="stylesheet/stylus">
	
.miste_header
		width 100%
		background-color #02a774
		height 45px
		position fixed
		left 0
		top 0
		z-index 5555
		.hearder_search
			width 10%
			height 50%
			position absolute
			left 15px
			top 50%
			transform translateY(-50%)
			.icon-sousuo
				font-size 25px
				color #fff
		.header_title
			position absolute
			top 50%
			left 50%
			transform translate(-50%, -50%)
			width 50%
			color #fff
			text-align center
			.header_title_text
				font-size 20px
				color #fff
				display block
	.header_login
		position absolute
		top 50%
		right 15px
		transform translateY(-50%)			
		color #fff
		font-size 14px

</style>